body{
    margin:0;
    padding:0;
}



p{
    text-align:center;
}

.background{
    margin:10% 0 0 40%;
}

#tab {
    overflow: hidden;
    margin:0;
    padding:0;
}

#tab li a {
    display: block;
    /*width: 100%;*/
    /*height: 100%;*/
    line-height: 40px;
    color: white;
    text-decoration: none;
}

#tab li {
    float: left;
    list-style: none;
    width: 180px;
    height: 40px;
    text-align: center;
}

#tab li:first-child{
    background: linear-gradient(#00367a, #6c6c6c);
}

#content1{
    background: linear-gradient(#646464, #003770);
}

#tab li:first-child + li {
    background: linear-gradient(#5b5b5b, #21013f);
}

#content2{
    background: linear-gradient(#200049, #606060);
}

#content {
    position: relative;
}
#content1, #content2{
    width: 360px;
    height: 315px;
    position: absolute;
    top: 0;
    left: 0;

    display: none;
}
#content1{
    display: block;
}

input.name{
    background-color:rgb(217, 219, 221);
    height:33px;
    width:180px;
    text-indent:1em;
    margin:17px 0 0 0;
    border-radius: 10px;
    border:rgb(131, 128, 128);
}

.into{
    height:33px;
    width:180px;
    border-radius:14px;
    font-size:20px;
    font-weight:555;
    text-indent:1em;
    letter-spacing:20px;
    color:rgb(3, 7, 5);
    margin:10px 0 0 0;
}
#into:hover{
    background-color:rgb(23, 78, 44);
}

#button1{
    background-color: #742fff;
}

#button2{
    background-color: #1da7ff;
}